@import "header.css";
@import "menuhoriz.css";
@import "menugauche.css";
@import "chemin.css";
@import "actualites.css";
@import "langues.css";
@import "Accueil_footer.css";
@import "langues.css";
@import "actualite_liste.css";
@import "visitevirtuelle.css";
@import "contact.css";
@import "livredor.css";
@import "activites_liste.css";
@import "actualite_liste.css";
@import "correcteur_code.css";
@import "cleaning.css";
@import "contenu.css";
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import "videotheque_liste.css";
@import "preparer.css";
@import "plan_du_site.css";
@import "collection_liste.css";



#html5-lightbox-overlay
{
background-color: #000;
opacity: 0.5 !important;
}

.musee
{
	
 background: #e7e7e7 url("../../../PublishingImages/bg/bg_body_decline.png") no-repeat scroll center top !important;
	overflow:auto !important;
}



body {
   
overflow: auto;
	
}
.center {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.center-content  {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1000px  !important;
}

/*.center > .center-content > .center-content  {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1000px  !important;
}
*/
/*.alaune .center-content, .center .center-content 
{
width:100% !important;

}
*/
.ms-fullWidth
{
width:100% !important;
}



/*.center > .center-content {
    min-height: 400px;
}
*/
/*********body left***********/
.center .body-left {
    width: 312px;
    display: inline;
    float: right;
    text-align: left;

	}
.body-left-block-dec {
    width: 100%;
    display: inline;
    float: right;
    text-align: right;
	margin-bottom:20px;
}
/************body right************/	
	.center .body-right {
    width: 655px;
    display: inline;
    float: left;
    margin-right: 30px;


}
.body-right-block-dec {
    width: 100%;
    display: inline;
    float: left;
    text-align: right;
	margin-bottom:20px;
	direction:rtl;
}

.alaune {
   
    width:100%;
}

.alaunedec {
    margin-top: 25px;
    width:100%;
    text-align:center;
 
}


@media screen and (max-width: 768px) {
	/*body
	{background: #e7e7e7 url("../../../PublishingImages/bg/bg_body_decline_.png") no-repeat scroll center top !important;
	}*/
	.musee
{
	background-image:none !important;
	background-color:#e4e4e4 !important;
	overflow: auto !important;
}

	.center-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	width:100% !important;
  
}

	.center .body-left {
    width: 100%;
    display: inline;
    float: left;
    text-align: left;

	}
	.center .body-right {
    width: 96%;
    display: inline;
    float: left;
    margin-left:2%;


}

.center .body-right .body-right-block-dec {
width:98%;
height:auto;
margin-left:2%;
}
.center .body-right .body-right-block-dec img{
max-width:100%;

}
.center .body-right .body-right-block-dec p{
width:100%;

}
.center .body-left .body-left-left-dec img{
max-width:100%;
height:auto;
}
.alaunedec {
    margin-top: 0px;
    width:100%;
    
}
.alaunedec img{
    max-width:100%;
	height:auto;
}
}